let addIndex, editIndex
window.user1232134123 = {}
// 获取数据
ajaxAndRender()
function ajaxAndRender() {
  $.ajax({
    url: '/my/article/cates',
  }).then(res => {
    const { status, message } = res
    if (status === 0) {
      window.user1232134123.data = res.data
      const strHtml = template('tmpTable', res)
      $('tbody').html(strHtml)
    } else {
      layui.layer.msg('获取失败')
    }
  })
}
// 添加 的 提示框
$('.btnAdd').on('click', function () {
  const data = {
    layID: 'fromAdd',
    isAdd: true,
  }
  const content = template('tmpAddOrEdit', data)
  addIndex = layui.layer.open({
    type: 1,
    title: '添加新类别',
    area: ['500px', '300px'],
    content,
  })
})
// 添加的提交
// 委托 到 body
$('body').on('submit', '[lay-filter="fromAdd"]', function (e) {
  e.preventDefault()
  const data = layui.form.val('fromAdd')
  // 发起请求
  $.ajax({
    url: '/my/article/addcates',
    data,
    type: 'POST',
  }).then(res => {
    const { status, message } = res
    if (status === 0) {
      // 关闭 提示框
      layui.layer.close(addIndex)
      layui.layer.msg(message)
      // 跟新页面
      ajaxAndRender()
    } else {
      layui.layer.msg(message)
    }
  })
})
// 编辑的点击事件
$('table').on('click', '.btn_edit', function () {
  const dataEdit = {
    layID: 'fromEdit',
    isAdd: false,
  }
  const content = template('tmpAddOrEdit', dataEdit)
  editIndex = layui.layer.open({
    type: 1,
    title: '修改已有类别',
    area: ['500px', '300px'],
    content,
  })
  // 自动填充 编辑 表单的数据
  // 获取数据
  const index = [...$('tbody tr')].indexOf($(this).parents('tr')[0])
  layui.form.val('fromEdit', window.user1232134123.data[index])
})
// 修改的提交事件
// 请求接口
$('body').on('submit', '[lay-filter="fromEdit"]', function (e) {
  e.preventDefault()
  const data = layui.form.val('fromEdit')
  $.ajax({
    url: '/my/article/updatecate',
    type: 'POST',
    data,
  }).then(res => {
    const { status, message } = res
    if (status === 0) {
      // 关闭 提示框
      layui.layer.close(editIndex)
      layui.layer.msg(message)
      // 跟新页面
      ajaxAndRender()
    } else {
      layui.layer.msg(message)
    }
  })
})
// 删除事件
$('table').on('click', '.btn_del', function () {
  layui.layer.confirm('确认删除此分类', { icon: 3, title: '提示' }, index => {
    const indexOdId = [...$('tbody tr')].indexOf($(this).parents('tr')[0])
    const id = window.user1232134123.data[indexOdId].Id
    const url = `/my/article/deletecate/${id}`
    $.ajax({
      url,
    }).then(res => {
      const { status, message } = res
      if (status === 0) {
        // 关闭 提示框
        layui.layer.close(index)
        layui.layer.msg(message)
        // 跟新页面
        ajaxAndRender()
      } else {
        layui.layer.msg(message)
      }
    })

  })
})
